/*第1页，车架页面*/
.frame {
	background-image: -webkit-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:    -moz-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:      -o-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:     -ms-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:         radial-gradient(#f0f0f0, #e4e4e4);
}
.frame-desc {
	position: absolute;
	top: 35%;
	left: 0;
	text-align: center;
	z-index: 3;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.frame-desc h1,.frame-desc h2{
	color: #3c3c42;
}
.frame-desc h2{
	margin: 15px 0 5px 0;
}
.frame-desc p{
	color: #5b5c60;
}
.frame-img {
	position: absolute;
	bottom: 0;
	left:430px;
	opacity: 0;
	-webkit-transform: translate(20px,0);
	-moz-transform: translate(20px,0);
	transform: translate(20px,0);
	transition: all 1s ease-in;
}

/*第2页，电池盒页面*/
.battery-box {
	background-image: -webkit-radial-gradient(#303233, #1d1d1f);
	background-image:    -moz-radial-gradient(#303233, #1d1d1f);
	background-image:      -o-radial-gradient(#303233, #1d1d1f);
	background-image:     -ms-radial-gradient(#303233, #1d1d1f);
	background-image:         radial-gradient(#303233, #1d1d1f);
}
.battery-box-desc {
	position: absolute;
	top: 40%;
	right: 0;
	text-align: left;
	opacity: 0;
	-webkit-transform: translateY(20px) translateZ(0);
	-moz-transform: translateY(20px) translateZ(0);
	transform: translateY(20px) translateZ(0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.battery-box-desc h1, .battery-box-desc h2{
	color: #fff;
}
.battery-box-desc h2{
	margin: 5px 0 0 0;
}
.battery-box-desc p{
	color: #aaa9a9;
}
.battery-box-img {
	position: absolute;
	top: 0;
	right:300px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateX(-20px) translateY(0px);
	-moz-transform:  translateX(-20px) translateY(0px);
	transform: translateX(-20px) translateY(0px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第3页，电池压条页面*/
.battery-bar {
	background-image: -webkit-radial-gradient(#303233, #1d1d1f);
	background-image:    -moz-radial-gradient(#303233, #1d1d1f);
	background-image:      -o-radial-gradient(#303233, #1d1d1f);
	background-image:     -ms-radial-gradient(#303233, #1d1d1f);
	background-image:         radial-gradient(#303233, #1d1d1f);
}
.battery-bar-desc {
	position: absolute;
	top: 40%;
	left: 0;
	text-align: left;
	opacity: 0;
	-webkit-transform: translateY(20px) translateZ(0);
	-moz-transform: translateY(20px) translateZ(0);
	transform: translateY(20px) translateZ(0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.battery-bar-desc h1, .battery-bar-desc h2{
	color: #fff;
}
.battery-bar-desc h2{
	margin: 10px 0 5px 0;
}
.battery-bar-desc p{
	color: #aaa9a9;
}
.battery-bar-img {
	position: absolute;
	top: 0;
	left: 420px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(20px,0);
	-moz-transform: translate(20px,0);
	transform: translate(20px,0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第4页，总线页面*/
.bus {
	background-image: -webkit-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:    -moz-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:      -o-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:     -ms-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:         radial-gradient(#f0f0f0, #e4e4e4);
}
.bus-img{
	position: absolute;
	top: 50%;
	right:  460px;
	margin-top: -274px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translateX(-20px) translateY(0px);
	-moz-transform: translateX(-20px) translateY(0px);
	transform: translateX(-20px) translateY(0px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.bus-desc {
	position: absolute;
	top: 40%;
	right: 0;
	text-align: right;
	opacity: 0;
	-webkit-transform: translateY(20px) translateZ(0);
	-moz-transform: translateY(20px) translateZ(0);
	transform: translateY(20px) translateZ(0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.bus-desc h1, .bus-desc h2{
	color: #3c3c42;
}
.bus-desc h2{
	margin: 10px 0 5px 0;
}
.bus-desc p{
	color: #5b5c60;
}

/*第5页，刹车页面*/
.brake {
	background-image: -webkit-radial-gradient(#303233, #1d1d1f);
	background-image:    -moz-radial-gradient(#303233, #1d1d1f);
	background-image:      -o-radial-gradient(#303233, #1d1d1f);
	background-image:     -ms-radial-gradient(#303233, #1d1d1f);
	background-image:         radial-gradient(#303233, #1d1d1f);
}
.brake-desc {
	position: absolute;
	left:0;
	top: 40%;
	opacity: 0;
	-webkit-transform: translate(0,20px);
	-moz-transform: translate(0,20px);
	transform: translate(0,20px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.brake-desc h1, .brake-desc h2{
	color: #fff;
}
.brake-desc h2{
	margin: 5px 0 0 0;
}
.brake-desc p{
	color: #aaa9a9;
}
.brake-img {
	position: absolute;
	bottom: -50px;
	left: 270px;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
	transform: translate(50px,0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

/*第6页，电机页面*/
.motor {
	background-image: -webkit-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:    -moz-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:      -o-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:     -ms-radial-gradient(#f0f0f0, #e4e4e4);
	background-image:         radial-gradient(#f0f0f0, #e4e4e4);
}
.motor-desc {
	position: absolute;
	right: 0;
	top: 40%;
	text-align: right;
	opacity: 0;
	-webkit-transform: translateY(20px) translateZ(0);
	-moz-transform: translateY(20px) translateZ(0);
	transform: translateY(20px) translateZ(0);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}
.motor-desc h1, .motor-desc h2{
	color: #3c3c42;
}
.motor-desc .motor-title2{
	margin-top: 30px;
}
.motor-desc .motor-text1{
	margin-top: 10px;
}
.motor-desc p{
	color: #5b5c60;
}
.motor-img {
	position: absolute;
	bottom: -100px;
	right: 300px;
	opacity: 0;
	-webkit-transform: translate(20px,10px);
	-moz-transform: translate(20px,10px);
	transform: translate(20px,10px);
	-webkit-transition:all 1s ease-in;
	-moz-transition: all 1s ease-in;
	transition: all 1s ease-in;
}


/*媒介查询*/
@media screen and (max-width:1200px) {

}
@media screen and (max-width:1300px) {

}
@media screen and (max-width:1400px) {

}

